<template>
	<view class="logging">
		<view class="logging-content">
			<view class="logging-box uni-forms1">
				<uni-forms class="customForm" ref="customForm" :modelValue="loggingFromData" label-position="top">
					<picker @change="bindPickerChange($event, 1)" :value="loggingFromData.ownershipTypeIndex"
						:range="ownershiplist" :range-key="'name'" class="picker-view">
						<uni-forms-item label="林木权属" required name="ownershipType" class="form-item form-item-change">
							<uni-easyinput v-model="loggingFromData.ownershipType" disabled="true" placeholder="请选择"
								:readonly="true" :disabled="true" />
							<view class="dw">
								<!-- <i class="ksp-icon ksp-icon-jiantou"></i> -->
								<uni-icons type="right" size="24" color="rgba(51, 51, 51, 0.4)"></uni-icons>
							</view>
						</uni-forms-item>
					</picker>
					<uni-forms-item name="ownershipNo" class="form-item" label="证件号/编号">
						<uni-easyinput v-model="loggingFromData.ownershipNo" placeholder="请输入" :readonly="true" />
					</uni-forms-item>

					<uni-forms-item label="林木权属证明文件" required class="form-item form-item-change margin">
						<uni-file-picker limit="9" @select="select" @delete="deleteImg">
							<view class="file-text">点击上传</view>
						</uni-file-picker>
					</uni-forms-item>

					<uni-forms-item class="form-item" label="森林类别：" required name="forestType">
						<uni-easyinput v-model="loggingFromData.forestType" :disabled="true" />
					</uni-forms-item>

					<uni-forms-item class="form-item" label="起源：" required name="originBy">
						<uni-easyinput v-model="loggingFromData.originBy" :disabled="true" />
					</uni-forms-item>
				</uni-forms>
			</view>
			<view class="basic-information-title">
				<view class="line"></view>
				<view class="title-text">林木采伐</view>
			</view>
			<view class="logging-box">
				<uni-forms class="customForm" ref="customForm2" :modelValue="loggingFromData" label-position="top">
					<picker @change="bindPickerChange($event, 2)" :value="loggingFromData.volumeIdIndex"
						:range="volumelist" :range-key="'name'" class="picker-view">
						<uni-forms-item label="树种类型" required name="volumeIdName" class="form-item">
							<uni-easyinput v-model="loggingFromData.volumeIdName" placeholder="请选择" :readonly="true"
								:disabled="true" />
							<view class="dw">
								<!-- <i class="ksp-icon ksp-icon-jiantou"></i> -->
								<uni-icons type="right" size="24" color="rgba(51, 51, 51, 0.4)"></uni-icons>
							</view>
						</uni-forms-item>
					</picker>
					<uni-forms-item class="form-item" label="林龄：" required name="treeAge">
						<uni-easyinput type="number" v-model="loggingFromData.treeAge" placeholder="请输入" />
					</uni-forms-item>

					<uni-forms-item class="form-item" label="采伐方式：" name="cuttingMethod">
						<uni-easyinput v-model="loggingFromData.cuttingMethod" :disabled="true" />
					</uni-forms-item>
				</uni-forms>
			</view>
			<view class="polygon">
				<view class="polygon-p">
					<view class="polygon-p-title">
						<view class="polygon-p-title-f">*</view>
						<view class="polygon-p-title-t">采伐图斑：</view>
					</view>
					<view class="polygon-p-btn">
						<!-- <view class="p-btn1" @click="takelap()">走一圈</view> -->
						<!-- <view class="p-btn1" @click="takelap(0)">模拟走一圈</view> -->
						<view class="p-btn1" @click="takelap(1)">走一圈</view>
						<button class="p-btn1" @click="fwverification()" style="background: rgba(239, 165, 36, 1);"
							:disabled="Btndisabled">范围核验</button>
					</view>
				</view>
				<view class="polygon-table">
					<view class="polygon-table-p">
						<view class="polygon-table-p1">伐区中心点坐标：</view>
						<view class="polygon-table-p3">{{show(mapData.cuttingPoint)}}</view>
					</view>
					<view class="polygon-table-p">
						<view class="polygon-table-p2">东至：</view>
						<view class="polygon-table-p3">{{show(mapData.eastPoint)}}</view>
					</view>
					<view class="polygon-table-p">
						<view class="polygon-table-p2">西至：</view>
						<view class="polygon-table-p3">{{show(mapData.westPoint)}}</view>
					</view>
					<view class="polygon-table-p">
						<view class="polygon-table-p2">南至：</view>
						<view class="polygon-table-p3">{{show(mapData.southPoint)}}</view>
					</view>
					<view class="polygon-table-p">
						<view class="polygon-table-p2">北至：</view>
						<view class="polygon-table-p3">{{show(mapData.northPoint)}}</view>
					</view>
				</view>
				<view class="lookmap" @click="lookmap()">查看</view>
			</view>
			<view class="logging-box uni-forms2">
				<uni-forms class="customForm" ref="customForm3" :modelValue="loggingFromData" label-position="top">
					<view class="text-input">
						<uni-forms-item class="form-item form-item-two" label="采伐面积(亩)：" required name="harvestArea">
							<uni-easyinput v-model="loggingFromData.harvestArea" placeholder="自动计算" />
							<view class="easyinput-text">系统根据采伐图斑自动计算</view>
						</uni-forms-item>
					</view>

					<picker @change="bindPickerChange($event, 3)" :value="loggingFromData.calculationIndex"
						:range="calculationlist" :range-key="'name'" class="picker-view">
						<uni-forms-item label="蓄积计算方法：" required name="calculationTypeName" class="form-item">
							<uni-easyinput :disabled="true" v-model="loggingFromData.calculationTypeName"
								placeholder="请选择" :readonly="true" />
							<view class="dw">
								<!-- <i class="ksp-icon ksp-icon-jiantou"></i> -->
								<uni-icons type="right" size="24" color="rgba(51, 51, 51, 0.4)"></uni-icons>
							</view>
						</uni-forms-item>
					</picker>

					<uni-forms-item class="form-item" label="株树(株)：" required name="treeNum">
						<uni-easyinput type="number" v-model="loggingFromData.treeNum" placeholder="请输入"
							@change="getvolumeData()" />
					</uni-forms-item>
					<!--  -->
					<view class="text-input" v-if="loggingFromData.calculationType==2">
						<uni-forms-item class="form-item form-item-two form-item-input" label="平均蓄积(m³/公顷)：" required
							name="avgArea">
							<uni-easyinput type="digit" v-model="loggingFromData.avgArea" placeholder="请输入" />
							<view class="easyinput-text">系统根据临近小班自动获取相关数据</view>
							<view class="input-text"
								style="color: #2cc396 !important;text-decoration-line: underline;font-size: 33rpx;"
								@click="getaverage()">获取</view>
						</uni-forms-item>
					</view>

					<template v-if="loggingFromData.calculationType==1">
						<uni-forms-item class="form-item" label="平均胸径(cm)：" required name="output">
							<uni-easyinput type="digit" v-model="loggingFromData.chestDiameterAvg" placeholder="请输入"
								@change="getvolumeData()" />
						</uni-forms-item>
						<uni-forms-item class="form-item" label="平均树高(m)：" required name="output">
							<uni-easyinput type="digit" v-model="loggingFromData.treeHeightAvg" placeholder="请输入"
								@change="getvolumeData()" />
						</uni-forms-item>
					</template>
					<view class="text-input" v-if="loggingFromData.calculationType==2">
						<uni-forms-item class="form-item form-item-two" label="采伐蓄积(m³)：" name="volumeArea">
							<uni-easyinput type="digit" :disabled="true" v-model="loggingFromData.volumeArea"
								placeholder="自动计算" />
							<view class="easyinput-text">系统根据采伐图斑自动计算</view>
						</uni-forms-item>
					</view>
					<view class="text-input" v-if="loggingFromData.calculationType==1">
						<uni-forms-item class="form-item form-item-two" label="采伐蓄积(m³)：" name="volumeArea">
							<uni-easyinput type="digit" :disabled="loggingFromData.volumeId"
								v-model="loggingFromData.volumeArea" placeholder="请输入" />
							<view class="easyinput-text" style="color: red;" v-if="!loggingFromData.volumeId">
								暂无计算公式，请联系管理员或手动输入</view>
							<view class="easyinput-text" v-if="loggingFromData.volumeId">系统根据计算公式自动计算</view>
						</uni-forms-item>
					</view>

					<uni-forms-item class="form-item" label="出材量(m³)：" required name="output">
						<uni-easyinput type="digit" v-model="loggingFromData.output" placeholder="请输入" />
					</uni-forms-item>



				</uni-forms>
			</view>
			<view class="logging-box uni-forms3">
				<uni-forms-item label="伐区目前总体状况的照片" required class="form-item form-item-change margin form-item-img">
					<view class="form-item-text">不少于3 张，反映伐区近景、远景和特征</view>
					<view class="form-item-img">
						<view class="form-item-img-item">
							<image class="form-item-img-item" src="/static/caifa/form-1.jpg" mode="aspectFill">
							</image>
							<view class="form-head">远景示例</view>
						</view>
						<view class="form-item-img-item">
							<image class="form-item-img-item" src="/static/caifa/form-2.jpg" mode="aspectFill"></image>
							<view class="form-head">近景示例</view>
						</view>
						<view class="form-item-img-item">
							<image class="form-item-img-item" src="/static/caifa/form-3.jpg" mode="aspectFill"></image>
							<view class="form-head">特征示例</view>
						</view>
					</view>
					<view class="form-line"></view>
					<!-- 	<uni-file-picker limit="9" @select="select2" @delete="deleteImg2">
					<view class="file-text">点击上传</view>
				</uni-file-picker> -->

					<view class="uploading-box">
						<view class="form-item-img">
							<view class="form-item-img-item" v-for="(item,k) in harvestCloseUpFiles" :k="index">
								<image class="form-item-img-item"
									@click="previewImage(rootUrls+item.path)"
									:src="rootUrls+item.path" mode="aspectFill">
								</image>
								<view class="form-close" @click="delimg(item,i)">
									<uni-icons type="closeempty" size="14" color="#fff"></uni-icons>
								</view>
							</view>
						</view>
						<view class="uploading-text" @click="upload()">点击上传</view>
					</view>

				</uni-forms-item>
			</view>
			<view class="basic-information-title">
				<view class="line"></view>
				<view class="title-text">林木更新</view>
			</view>
			<view class="logging-box">
				<uni-forms class="customForm" ref="customForm4" :modelValue="loggingFromData" label-position="top">
					<uni-forms-item class="form-item" label="更新方式：" required name="updateType">
						<uni-easyinput v-model="loggingFromData.updateType" placeholder="请输入" />
					</uni-forms-item>

					<uni-forms-item class="form-item" label="更新树种：" required name="updateTree">
						<uni-easyinput v-model="loggingFromData.updateTree" placeholder="请输入" />
					</uni-forms-item>

					<uni-forms-item label="完成时间" required name="completionTime" class="form-item">
						<uni-datetime-picker type="date" :clear-icon="false" v-model="loggingFromData.completionTime"
							@maskClick="maskClick" />
					</uni-forms-item>

					<uni-forms-item class="form-item" label="联系人：" required name="contacts">
						<uni-easyinput v-model="loggingFromData.contacts" placeholder="请输入" />
					</uni-forms-item>

					<uni-forms-item class="form-item" label="联系电话：" required name="contactsPhone">
						<uni-easyinput v-model="loggingFromData.contactsPhone" placeholder="请输入" />
					</uni-forms-item>
				</uni-forms>
			</view>
		</view>
		<view class="inform-btn">
			<button class="long-radius-btn sumit-btn" @click="leeBtnClickD">
				保存并重新提交
			</button>
		</view>

		<!-- 普通弹窗 -->
		<!-- <uni-popup ref="popup" background-color="#fff" @change="change" :mask-click="false">
			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
				<view class="popup-content-img"></view>
				<view class="popup-content-text1">确定返回上一步吗？</view>
				<view class="popup-content-text2">返回后本页已填写的数据会清空</view>
				<view class="popup-content-btn">
					<view class="cancel" @click="cancel">取消</view>
					<view class="confirm" @click="confirm">确认</view>
				</view>
			</view>
		</uni-popup> -->
	</view>

</template>

<script>
	import {
		Base64
	} from "js-base64"
	export default {
		onBackPress(options) {
			if (options.from === "backbutton") {
				this.type = "center";
				// this.$refs.popup.open(this.type);
				return true; // 返回true阻止默认行为
			}
		},
		data() {
			return {
				id: null,
				type: "center",
				globalVariable: {},
				mapData: {},
				harvestVodata: {},
				rootUrls:null,
				loggingFromData: {
					ownershipNo: null, // 林木权属编号
					ownershipType: null, // 林木权属
					forestType: "商品林", // 森林类别
					originBy: "人工", // 起源
					volumeIdName: null, // 树种类型名称
					volumeId: null, // 树种类型
					volumeIdIndex: null,
					otherVolume: null, //其他树种
					treeAge: null, //树龄
					cuttingMethod: "皆伐", // 采伐方式
					harvestArea: "100", // 采伐面积
					calculationType: 2,
					calculationIndex: 1,
					calculationTypeName: "按平均蓄积计量",
					treeNum: null, // 株数
					avgArea: null, // 平均蓄积
					volumeArea: 100, // 采伐蓄积
					output: 120, // 出材量
					updateType: null, // 更新方式
					updateTree: null, // 更新树种
					completionTime: null, //完成时间
					contacts: null, //联系人
					contactsPhone: null, // 联系电话
					chestDiameterAvg: null, //平均胸径
					treeHeightAvg: null, //平均树高
				},
				idCardBack: [],
				ownershipFiles: [], // 林木权属文件
				volumelist: [], // 树种类型
				fileListArr: [],
				harvestCloseUpFiles: [], //伐区目前总体状况的照片
				ownershiplist: [{
						name: "林权证",
						id: 1,
					},
					{
						name: "村委证明",
						id: 2,
					},
				],
				calculationlist: [{
						name: "按树高胸径测算",
						id: 1,
					},
					{
						name: "按平均蓄积计量",
						id: 2,
					},
				],
				verification: false, //是否核验
				Btndisabled: false,
				visitorRules: {
					// 添加表单的校验规则
					ownershipType: {
						rules: [{
							required: true,
							errorMessage: "请选择林木权属",
						}, ],
					},
					ownershipNo: {
						rules: [{
							required: true,
							errorMessage: "请输入权属编号",
						}, ],
					},
					treeAge: {
						rules: [{
								required: true,
								errorMessage: "请输入树龄",
							},
							{
								validateFunction: function(rule, value, data, callback) {
									if (!Number(value)) {
										callback("树龄格式不正确");
										return true;
									}
								},
							},
						],
					},

					harvestArea: {
						rules: [{
							required: true,
							errorMessage: "请输入采伐面积",
						}, ],
					},
					treeNum: {
						rules: [{
								required: true,
								errorMessage: "请输入株数",
							},
							{
								validateFunction: function(rule, value, data, callback) {
									if (!Number(value)) {
										callback("株数格式不正确");
										return true;
									}
								},
							},
						],
					},
					avgArea: {
						rules: [{
								required: true,
								errorMessage: "请输入平均蓄积",
							},
							// {
							// 	validateFunction: function(rule, value, data, callback) {
							// 		if (!Number(value)) {
							// 			callback("蓄积格式不正确");
							// 			return true;
							// 		}
							// 	},
							// },
						],
					},
					volumeArea: {
						rules: [{
								required: true,
								errorMessage: "请输入采伐蓄积",
							},
							// {
							// 	validateFunction: function(rule, value, data, callback) {
							// 		if (!Number(value)) {
							// 			callback("蓄积格式不正确");
							// 			return true;
							// 		}
							// 	},
							// },
						],
					},
					chestDiameterAvg: {
						rules: [{
								required: false,
								errorMessage: "请输入平均胸径",
							},
							// {
							// 	validateFunction: function(rule, value, data, callback) {
							// 		if (!Number(value)) {
							// 			callback("蓄积格式不正确");
							// 			return true;
							// 		}
							// 	},
							// },
						],
					},
					treeHeightAvg: {
						rules: [{
								required: false,
								errorMessage: "请输入平均树高",
							},
							// {
							// 	validateFunction: function(rule, value, data, callback) {
							// 		if (!Number(value)) {
							// 			callback("蓄积格式不正确");
							// 			return true;
							// 		}
							// 	},
							// },
						],
					},
					output: {
						rules: [{
							required: true,
							errorMessage: "请输入出材量",
						}, ],
					},
					updateType: {
						rules: [{
							required: true,
							errorMessage: "请输入更新方式",
						}, ],
					},
					updateTree: {
						rules: [{
							required: true,
							errorMessage: "请输入更新树种",
						}, ],
					},
					completionTime: {
						rules: [{
							required: true,
							errorMessage: "请选择完成时间",
						}, ],
					},
					contacts: {
						rules: [{
							required: true,
							errorMessage: "请输入联系人",
						}, ],
					},
					contactsPhone: {
						rules: [{
								required: true,
								errorMessage: "请输入联系电话",
							},
							{
								validateFunction: function(rule, value, data, callback) {
									if (!/^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(value)) {
										callback("手机号格式有误");
										return true;
									}
								},
							},
						],
					},
				},

			};
		},
		onReady() {},
		onLoad(res) {
			this.$nextTick(() => {
				this.$refs.customForm.setRules(this.visitorRules);
				this.$refs.customForm2.setRules(this.visitorRules);
				this.$refs.customForm3.setRules(this.visitorRules);
				this.$refs.customForm4.setRules(this.visitorRules);
			});
			this.id = res.id
			this.getdata()
			this.harvestVolumelist();
		},
		mounted() {
			uni.$on('mapEvent', (data) => {
				if (data) {
					this.globalVariable.northPoint = data.northPoint
					this.globalVariable.southPoint = data.southPoint
					this.globalVariable.westPoint = data.westPoint
					this.globalVariable.eastPoint = data.eastPoint
					this.globalVariable.cuttingPoint = data.cuttingPoint
					this.globalVariable.cuttingGeom = data.cuttingGeom
					if (data.harvestShapeFiles) {
						this.globalVariable.harvestShapeFiles = data.harvestShapeFiles
					}
					this.globalVariable.harvestArea = data.area
					this.mapData.townRno = this.globalVariable.townRno
					this.loggingFromData.harvestArea = data.area
					this.mapData = data
					this.verification = data.verification ? true : false
					if (this.globalVariable.cuttingGeom) {
						this.Btndisabled = false
					}

				}
			});

			uni.$on('picUpdata', (data) => {
				if (data) {
					this.harvestCloseUpFiles.push(data)
					this.globalVariable.harvestCloseUpFiles = this.harvestCloseUpFiles
					// this.globalVariable.harvestCloseUpFiles = data.Files
				}
			});


		},
		methods: {
			previewImage(item) {
				console.log(item)
				uni.previewImage({
					urls: [item] // 需要预览的图片http链接列表
				});
			},
			// 获取详情
			async getdata() {
				// harvestInfodetail
				let res = await this.muajax.harvestInfodetail({
					id: this.id
				})
				if (res.code == "0000") {
					this.rootUrls=this.$store.state.rootUrls
					let harvestVodata = res.harvestVo
					this.harvestVodata = res.harvestVo
					this.loggingFromData.ownershipType = harvestVodata.ownershipType
					this.loggingFromData.ownershipNo = harvestVodata.ownershipNo
					this.loggingFromData.forestType = harvestVodata.forestType
					this.loggingFromData.originBy = harvestVodata.originBy
					this.loggingFromData.volumeId = harvestVodata.volumeId
					this.loggingFromData.volumeIdName = harvestVodata.treeName
					this.loggingFromData.treeAge = harvestVodata.treeAge
					this.loggingFromData.cuttingMethod = '皆伐'
					this.mapData.cuttingPoint = harvestVodata.cuttingPoint

					this.mapData.eastPoint = harvestVodata.eastPoint
					this.mapData.westPoint = harvestVodata.westPoint
					this.mapData.southPoint = harvestVodata.southPoint
					this.mapData.northPoint = harvestVodata.northPoint
					this.mapData.cuttingGeom = harvestVodata.cuttingGeom

					this.loggingFromData.harvestArea = harvestVodata.harvestArea
					this.loggingFromData.calculationIndex = harvestVodata.calculationType - 1
					this.loggingFromData.calculationTypeName = this.calculationlist[harvestVodata
						.calculationType - 1].name
					this.loggingFromData.treeNum = harvestVodata.treeNum
					this.loggingFromData.avgArea = harvestVodata.avgArea
					this.loggingFromData.volumeArea = harvestVodata.volumeArea
					this.loggingFromData.output = harvestVodata.output
					this.loggingFromData.updateType = harvestVodata.updateType
					this.loggingFromData.contacts = harvestVodata.contacts
					this.loggingFromData.contactsPhone = harvestVodata.contactsPhone
					this.loggingFromData.updateTree = harvestVodata.updateTree
					this.verification = true
					this.loggingFromData.completionTime = harvestVodata.completionTime
					harvestVodata.harvestCloseUpFiles.forEach(imgData => {
						this.harvestCloseUpFiles.push({
							...imgData
						})
					})
					harvestVodata.ownershipFiles.forEach(imgData => {
						this.ownershipFiles.push({
							name: imgData.srcName,
							extname: imgData.srcName.split('.')[1],
							url:this.rootUrls + imgData.path,
							...imgData
						})
					})
				}
			},
			async leeBtnClickD() {
				const validationPromises = this.$refs.customForm
					.validate()
					.then((formValid) => {
						return formValid;
					})
					.catch((err) => {
						uni.showToast({
							icon: "error",
							title: `${err[0].errorMessage}`,
						});
						return false;
					});
				const validationResults = await Promise.all([validationPromises]);
				const allVisitorsValid = validationResults.every((valid) => valid);
				if (!allVisitorsValid) {
					return;
				}
				if (!this.ownershipFiles.length) {
					uni.showToast({
						icon: "error",
						title: "请上传权属文件",
					});
					return;
				}
				if (!this.loggingFromData.volumeId && !this.loggingFromData.otherVolume) {
					uni.showToast({
						icon: "error",
						title: "请选择树种类型",
					});
					return;
				}
				const validationPromises2 = this.$refs.customForm2
					.validate()
					.then((formValid) => {
						return formValid;
					})
					.catch((err) => {
						uni.showToast({
							icon: "error",
							title: `${err[0].errorMessage}`,
						});
						return false;
					});
				const validationResults2 = await Promise.all([validationPromises2]);
				const allVisitorsValid2 = validationResults2.every((valid) => valid);
				if (!allVisitorsValid2) {
					return;
				}
				const validationPromises3 = this.$refs.customForm3
					.validate()
					.then((formValid) => {
						return formValid;
					})
					.catch((err) => {
						uni.showToast({
							icon: "error",
							title: `${err[0].errorMessage}`,
						});
						return false;
					});
				const validationResults3 = await Promise.all([validationPromises3]);
				const allVisitorsValid3 = validationResults3.every((valid) => valid);
				if (!allVisitorsValid3) {
					return;
				}
				if (!this.verification) {
					uni.showToast({
						icon: "error",
						title: "请进行范围核验",
					});
					return
				}
				if (!this.harvestCloseUpFiles.length) {
					uni.showToast({
						icon: "error",
						title: "请上传伐区照片",
					});
					return;
				}
				if (
					this.harvestCloseUpFiles.length &&
					this.harvestCloseUpFiles.length < 3
				) {
					uni.showToast({
						icon: "error",
						title: "伐区照片大于3",
					});
					return;
				}
				const validationPromises4 = this.$refs.customForm4
					.validate()
					.then((formValid) => {
						return formValid;
					})
					.catch((err) => {
						uni.showToast({
							icon: "error",
							title: `${err[0].errorMessage}`,
						});
						return false;
					});
				const validationResults4 = await Promise.all([validationPromises4]);
				const allVisitorsValid4 = validationResults4.every((valid) => valid);
				if (!allVisitorsValid4) {
					return;
				}

				let ownershipFiles = JSON.parse(JSON.stringify(this.ownershipFiles))
				ownershipFiles.forEach(obj => {
					delete obj.name;
					delete obj.extname;
					delete obj.url;
				})
				// let idCardBack = JSON.parse(JSON.stringify(this.idCardBack))
				// idCardBack.forEach(obj => {
				// 	delete obj.name;
				// 	delete obj.extname;
				// 	delete obj.url;
				// })
				if (!this.loggingFromData.calculationType == 1) {
					this.loggingFromData.treeHeightAvg = null
					this.loggingFromData.chestDiameterAvg = null
				}

				let res = await this.muajax.harvestInfoupdate({
					harvestVo: {
						...this.harvestVodata,
						...this.loggingFromData,
						harvestCloseUpFiles: this.harvestCloseUpFiles,
						ownershipFiles,
					}
				})
				if (res.code == "0000") {
					uni.showToast({
						icon: 'success',
						title: '修改成功'
					})
					let rs = await this.muajax.approval({
						handleHarvestFlowParam: {
							fileIds: "",
							harvestId: this.id,
							loginUserId: uni.getStorageSync('wechatInfo').employeeId,
							nodeBtnType: 0,
							remark: ""
						}
					})
					if (rs.code == "0000") {
						setTimeout(() => {
							uni.reLaunch({
								url: '/pages/record-ds/record-ds?id=' + this.id
							})
						}, 100)
					}

				}

			},
			change(e) {
				console.log("当前模式：" + e.type + ",状态：" + e.show);
			},
			cancel() {
				this.$refs.popup.close();
			},
			confirm() {
				uni.navigateBack({
					delta: 1, // 默认值是1，表示返回的页面层数
				});
			},
			bindPickerChange(e, type) {
				if (type == 1) {
					this.loggingFromData.ownershipType =
						this.ownershiplist[e.detail.value].name;
				} else if (type == 2) {
					let volumeIdName = this.loggingFromData.volumeIdName;
					let volumeId = this.loggingFromData.volumeId;
					let otherVolume = this.loggingFromData.otherVolume;
					this.getvolumeData()
					if (this.volumelist[e.detail.value].name == "其他") {
						this.loggingFromData.volumeIdIndex = 0;
						uni.showModal({
							title: "其他树种名称",
							editable: true,
							success: (res) => {
								if (res.confirm) {
									this.loggingFromData.volumeIdName = res.content;
									this.loggingFromData.volumeId = null;
									this.loggingFromData.otherVolume = res.content;
								} else if (res.cancel) {
									this.loggingFromData.volumeIdName = volumeIdName;
									this.loggingFromData.volumeId = volumeId;
									this.loggingFromData.otherVolume = otherVolume;
									this.volumelist.map((item, index) => {
										if (volumeId == item.id) {
											this.loggingFromData.volumeIdIndex = index;
										}
										return item;
									});
								}
							},
						});
					} else {
						this.loggingFromData.otherVolume = null;
						this.loggingFromData.volumeIdName =
							this.volumelist[e.detail.value].name;
						this.loggingFromData.volumeId = this.volumelist[e.detail.value].id;
					}
				} else if (type == 3) {
					this.loggingFromData.calculationTypeName =
						this.calculationlist[e.detail.value].name;
					this.loggingFromData.calculationType =
						this.calculationlist[e.detail.value].id;
					this.loggingFromData.volumeArea = 0
					this.loggingFromData.avgArea = 0
					if (this.loggingFromData.calculationType == 1) {
						this.visitorRules.avgArea.rules[0].required = false
						this.visitorRules.treeHeightAvg.rules[0].required = true
						this.visitorRules.chestDiameterAvg.rules[0].required = true
					} else {
						this.visitorRules.avgArea.rules[0].required = true
						this.visitorRules.treeHeightAvg.rules[0].required = false
						this.visitorRules.chestDiameterAvg.rules[0].required = false
					}
					this.getvolumeData()
				}
			},

			nextstep() {
				uni.navigateTo({
					url: "/pages/commitment/commitment",
				});
			},
			maskClick(e) {
				console.log("maskClick事件:", e);
			},
			/**
			 * 走一圈
			 */
			takelap(type) {
				uni.navigateTo({
					url: "/pages/takeAlap/takeAlap?type=" + type,
				});
			},
			select(e) {
				this.upType = "img";
				let arrObj = e.tempFiles.slice();
				if (e.tempFiles.length) {
					e.tempFiles.forEach((item) => {
						this.uploadImgVideo(arrObj, 1);
					});
				}
			},
			select2(e) {
				this.upType = "img";
				let arrObj = e.tempFiles.slice();
				if (e.tempFiles.length) {
					e.tempFiles.forEach((item) => {
						this.uploadImgVideo(arrObj, 2);
					});
				}
			},

			upload() {
				uni.navigateTo({
					url: '/pages/upload-img/upload-img'
				})
			},


			select3(e) {
				this.upType = "img";
				let arrObj = e.tempFiles.slice();
				if (e.tempFiles.length) {
					e.tempFiles.forEach((item) => {
						this.uploadImgVideo(arrObj, 3);
					});
				}
			},
			// 上传图片或视频
			async uploadImgVideo(tempFilePaths, type) {
				// console.log(tempFilePaths.uuid);
				let hz = tempFilePaths[0].extname;
				let file = tempFilePaths[0];
				let rs = await this.muajax.dfsUploadFiles({}, {
					filePath: file.path,
					name: 'files'
				})
				let imgData = rs.appendixList[0]
				if (type == 1) {
					imgData.uuid = file.uuid;
					this.ownershipFiles.push({
						name: imgData.srcName,
						extname: imgData.srcName.split('.')[1],
						url: imgData.path,
						...imgData
					})
				} else if (type == 2) {
					imgData.uuid = file.uuid;
					this.harvestCloseUpFiles.push({
						name: imgData.srcName,
						extname: imgData.srcName.split('.')[1],
						url: imgData.path,
						...imgData
					})
				} else if (type == 3) {
					imgData.uuid = file.uuid;
					// this.harvestCloseUpFiles.push(imgData);
					// this.ImgGeom(imgData)
					this.idCardBack.push({
						name: imgData.srcName,
						extname: imgData.srcName.split('.')[1],
						url: imgData.path,
						...imgData
					})
				}
			},
			async harvestVolumelist() {
				let res = await this.muajax.harvestVolumeList()
				if (res.code == "0000") {
					res.harvestVolumeList.push({
						treeName: "其他",
						id: null,
					});
					this.volumelist = res.harvestVolumeList.map((item) => {
						item.name = item.treeName;
						return item;
					});
				}

			},
			ImgGeom(imgData) {
				// let params = {
				// 	url: getImgGeom,
				// 	method: "post",
				// 	param: {
				// 		url:'https://192.168.2.4:5447/'+imgData.path,
				// 	},
				// };
				// ajax(params).then((res) => {
				// 	console.log(res)
				// });
			},
			/**
			 * 删除图片
			 */
			delimg(item, i) {
				this.harvestCloseUpFiles.splice(i, 1)
			},
			// 格式经纬度
			show(geom) {
				if (geom) {
					return geom.substring(3).slice(13, -1)
				} else {
					return '暂无'
				}
			},
			//范围核验
			fwverification() {
				this.mapData.townRno = this.globalVariable.townRno
				let par = {
					townRno: this.mapData.townRno,
					cuttingGeom: this.mapData.cuttingGeom,
					token: this.$store.state.token,
				}
				let mapData = Base64.encode(JSON.stringify(par))
				uni.navigateTo({
					url: "/pages/examine/examine?mapData=" + mapData,
				});
			},
			lookmap() {
				this.mapData.townRno = this.globalVariable.townRno

				let mapData = Base64.encode(JSON.stringify(this.mapData))
				uni.navigateTo({
					url: "/pages/mapDs/mapDs?mapData=" + mapData,
				});
			},
			// 计算蓄积
			async getvolumeData() {
				let isTrue = false;
				if (
					this.loggingFromData.calculationType == 1 &&
					this.loggingFromData.treeHeightAvg &&
					this.loggingFromData.chestDiameterAvg &&
					this.loggingFromData.volumeId
				) {
					isTrue = true;
				}
				if (
					this.loggingFromData.calculationType == 2 &&
					this.globalVariable.cuttingGeom
				) {
					isTrue = true;
				}
				if (isTrue) {
					let res = await this.muajax.volumeData({
						calculationType: this.loggingFromData.calculationType,
						townRno: this.globalVariable.townRno,
						treeHeight: parseFloat(this.loggingFromData.treeHeightAvg),
						chestDiameter: parseFloat(this.loggingFromData.chestDiameterAvg),
						volumeId: this.loggingFromData.volumeId,
						cuttingGeom: this.globalVariable.cuttingGeom,
					})

					if (res.code == "0000") {
						let num = 0;
						if (this.loggingFromData.calculationType == 1) {
							num = res.volumeData * this.loggingFromData.treeNum;
						} else {
							num = res.volumeData;
						}
						this.loggingFromData.volumeArea = parseFloat(num.toFixed(4));
					}
				}
			},

			// 获取平均蓄积
			getaverage() {
				if (!this.loggingFromData.volumeArea) {
					uni.showModal({
						title: '提示',
						content: '需要先计算出采伐蓄积',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});
					return false
				}
				let a = this.loggingFromData.harvestArea * 0.0667
				this.loggingFromData.avgArea = parseFloat((this.loggingFromData.volumeArea / a).toFixed(4))
			}



		},
	};
</script>
<style lang="scss" scoped>
	:deep() .uni-popup .uni-popup__wrapper {
		border-radius: 21rpx;
	}

	:deep() .uni-forms-item.is-direction-top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: initial;
		// box-shadow: 0rpx 2rpx 0rpx 0rpx rgba(70, 70, 70, 0.1);
		border-radius: 0;
	}

	:deep().uni-date-x--border {
		border: none;
	}

	:deep().uni-date-x .icon-calendar {
		display: none;
	}

	:deep().uni-date__x-input {
		text-align: right;
		padding-right: 26rpx;
	}

	:deep() .uni-forms-item__content {
		display: flex;
		align-items: center;
		justify-content: right;
	}

	:deep() .uni-data-tree {
		text-align: right;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 33rpx;
		color: rgba(51, 51, 51, 0.5);
	}

	:deep() .uni-forms-item .is-required {
		color: rgba(255, 0, 0, 1);
		margin-right: 6rpx;
	}

	:deep() .is-input-border {
		border: none;
	}

	:deep() .uni-easyinput__content-input {
		padding: 0 28rpx;
		text-align: right;
		color: #333 !important;
		font-size: 32rpx;
	}

	:deep() .uni-easyinput__placeholder-class {
		font-size: 33rpx;
	}

	:deep() .uni-file-picker__container {
		height: 100%;

		.icon-add {
			display: none;
		}
	}

	:deep() .is-disabled {
		background-color: #fff !important;
		color: initial !important;
	}

	:deep().uni-file-picker {
		margin: 16rpx 0px 32rpx;
	}

	:deep().file-picker__box:nth-last-child(1) {
		// padding-top: 0;
		// height: 93rpx !important;
		// border-radius: 10rpx !important;
		width: 100% !important;
		padding-top: 15% !important;
	}

	:deep().is-add {
		width: 96% !important;
		height: 73rpx !important;
		border-radius: 10rpx !important;
		border: 2rpx dashed #2cc396 !important;
	}

	:deep().file-picker__progress-item {
		opacity: 0;
	}

	:deep() {
		.uni-forms-item__label {
			width: auto !important;
			height: auto;
			font-size: 33rpx !important;
			padding: 0 !important;
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 33rpx;
			color: rgba(51, 51, 51, 1);
		}

		.uni-forms-item {
			background: #ffffff;
			border-radius: 0rpx 0rpx 16rpx 16rpx;
			border-bottom: 2rpx solid #f1f1f1;
			margin-bottom: 0px;
			height: 115rpx;
		}

		.uni-forms-item__error {
			display: none;
		}

		.content-clear-icon {
			display: none;
		}
	}

	.uni-forms1:deep() {
		.uni-forms-item.is-direction-top {
			&:nth-child(3) {
				display: initial !important;

				.uni-forms-item__content {
					border-bottom: 1px solid #f1f1f1;
				}

				.uni-forms-item__label {
					padding: 24rpx 0 14rpx !important;
				}

				.uni-easyinput__content-input {
					text-align: left !important;
				}

				.form-item-text {
					font-family: PingFang SC;
					font-weight: 400;
					font-size: 27rpx;
					color: rgba(51, 51, 51, 0.5);
					line-height: 48rpx;
					width: 94%;
					margin-bottom: 20rpx;
				}

				.form-item-img {
					display: flex;
					justify-content: space-between;
					width: 100%;

					.form-item-img-item {
						width: 210rpx;
						height: 210rpx;
						background-size: cover;
						position: relative;

						.form-head {
							width: 100%;
							height: 51rpx;
							background: rgba(0, 0, 0, 0.5);
							border-radius: 10rpx;
							display: flex;
							justify-content: center;
							align-items: center;
							position: absolute;
							top: 0;
							font-family: PingFang SC;
							font-weight: 400;
							font-size: 29rpx;
							color: #ffffff;
						}
					}

					.form-item-img-1 {
						background-image: url(~@/static/caifa/form-1.jpg);
					}

					.form-item-img-2 {
						background-image: url(~@/static/caifa/form-2.jpg);
					}

					.form-item-img-3 {
						background-image: url(~@/static/caifa/form-3.jpg);
					}
				}

				.form-line {
					margin: 30rpx 0 20rpx;
					width: 100%;
					height: 1rpx;
					background: #ffffff;
					box-shadow: 0rpx 2rpx 0rpx 0rpx rgba(70, 70, 70, 0.1);
				}
			}

			&:nth-child(2) {
				margin-bottom: 24rpx;
				//  .uni-forms-item__label {
				// 	display: none !important;
				// }
			}

			&:nth-child(4) {
				border-top: 2rpx solid #f1f1f1;
				margin-top: -2rpx;
			}
		}

	}

	.uni-forms2 :deep() {
		.uni-forms-item.is-direction-top {

			&:nth-child(1),
			&:nth-child(4),
			&:nth-child(5) {
				padding-bottom: 40rpx;

				.easyinput-text {
					font-family: PingFang SC;
					font-weight: 400;
					font-size: 11px;
					color: rgba(51, 51, 51, 0.5);
					position: absolute;
					bottom: -40rpx;
					right: 0rpx;
				}
			}
		}
	}

	.picker-view {
		:deep().uni-forms-item.is-direction-top {
			padding-bottom: 0 !important;
		}
	}


	.text-input :deep() {
		.uni-forms-item__label {
			width: 260rpx !important;
			margin-bottom: -45rpx !important;
		}

		.uni-forms-item.is-direction-top {
			.input-text {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 33rpx;
				color: #2cc396 !important;
				text-decoration-line: underline;
				// position: absolute;
				top: 14rpx;
				right: 26rpx;
				cursor: pointer;
			}
		}
	}

	.uni-forms3:deep() {
		.uni-forms-item.is-direction-left {
			&:nth-child(1) {
				display: initial !important;

				.uni-forms-item__content {
					border-bottom: 2rpx solid #f1f1f1;
				}

				.uni-forms-item__label {
					padding: 24rpx 0 14rpx !important;
				}

				.uni-easyinput__content-input {
					text-align: left !important;
				}

				.form-item-text {
					font-family: PingFang SC;
					font-weight: 400;
					font-size: 27rpx;
					color: rgba(51, 51, 51, 0.5);
					line-height: 48rpx;
					width: 94%;
					margin-bottom: 20rpx;
				}

				.form-item-img {
					display: flex;
					// justify-content: space-between;
					margin-right: 20rpx;
					width: 100%;
					flex-wrap: wrap;

					.form-item-img-item {
						width: 210rpx;
						height: 210rpx;
						background-size: cover;
						position: relative;
						margin-bottom: 20rpx;
						margin-right: 20rpx;

						&:nth-child(3n) {
							margin-right: 0px;
						}

						.form-head {
							width: 100%;
							height: 51rpx;
							background: rgba(0, 0, 0, 0.5);
							border-radius: 10rpx;
							display: flex;
							justify-content: center;
							align-items: center;
							position: absolute;
							top: 0;
							font-family: PingFang SC;
							font-weight: 400;
							font-size: 29rpx;
							color: #ffffff;
						}

						.form-close {
							position: absolute;
							top: -22rpx;
							right: -22rpx;
							width: 44rpx;
							height: 44rpx;
							background: red;
							border-radius: 50%;
							display: flex;
							justify-content: center;
							align-items: center;
							color: #fff;
						}
					}

					.form-item-img-1 {
						background-image: url(~@/static/caifa/form-1.jpg);
					}

					.form-item-img-2 {
						background-image: url(~@/static/caifa/form-2.jpg);
					}

					.form-item-img-3 {
						background-image: url(~@/static/caifa/form-3.jpg);
					}
				}

				.form-line {
					margin: 30rpx 0 20rpx;
					width: 100%;
					height: 1rpx;
					background: #ffffff;
					box-shadow: 0rpx 2rpx 0rpx 0rpx rgba(70, 70, 70, 0.1);
				}
			}
		}

		.uni-forms-item__content {
			border-bottom: 2rpxsolid #f1f1f1;
			flex-direction: column;
		}
	}


	.form-item-change :deep() {
		.uni-easyinput__content-input {
			text-align: left !important;
		}

		.uni-forms-item__content {
			border-bottom: 2rpx solid #f1f1f1;
		}

		.uni-forms-item__label {
			// padding: 24rpx 0 14rpx !important;
		}
	}

	.form-item-change {
		display: initial !important;

		.form-item-text {
			font-family: PingFang SC;
			font-weight: 400;
			font-size: 27rpx;
			color: rgba(51, 51, 51, 0.5);
			line-height: 48rpx;
			width: 94%;
			margin-bottom: 20rpx;
		}

		.form-item-img {
			display: flex;
			justify-content: space-between;
			width: 100%;

			.form-item-img-item {
				width: 210rpx;
				height: 210rpx;
				background-size: cover;
				position: relative;

				.form-head {
					width: 100%;
					height: 51rpx;
					background: rgba(0, 0, 0, 0.5);
					border-radius: 10rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					position: absolute;
					top: 0;
					font-family: PingFang SC;
					font-weight: 400;
					font-size: 29rpx;
					color: #ffffff;
				}
			}

			.form-item-img-1 {
				background-image: url(~@/static/caifa/form-1.jpg);
			}

			.form-item-img-2 {
				background-image: url(~@/static/caifa/form-2.jpg);
			}

			.form-item-img-3 {
				background-image: url(~@/static/caifa/form-3.jpg);
			}
		}

		.form-line {
			margin: 30rpx 0 20rpx;
			width: 100%;
			height: 1rpx;
			background: #ffffff;
			box-shadow: 0rpx 2rpx 0rpx 0rpx rgba(70, 70, 70, 0.1);
		}
	}





	.logging {
		background-color: rgba(248, 248, 248, 1);
		height: 100%;
		display: flex;
		flex-direction: column;

		.logging-content {
			flex: 1;
			overflow-y: auto;
		}

		.inform-btn {
			box-shadow: 0rpx -4rpx 19rpx 0rpx rgba(70, 70, 70, 0.1);
			padding: 32rpx 41rpx 32rpx;

			.checkbox {
				padding: 18rpx 0 25rpx 10rpx;
			}

			.long-radius-btn {
				width: 100%;
				// line-height: 92rpx;
				text-align: center;
			}

			.sumit-btn {
				background: rgba(44, 195, 150, 1);
				border-radius: 46rpx;
				color: #fff;
			}
		}
	}

	.logging-box {
		padding: 15rpx 32rpx 0;
		background-color: #ffffff;
		margin-bottom: 32rpx;
	}

	.basic-information-title {
		height: 92rpx;
		background-color: rgba(230, 248, 242, 1);
		display: flex;
		align-items: center;
		padding: 0 31rpx;

		.line {
			width: 8rpx;
			height: 40rpx;
			background: #2cc396;
			border-radius: 4rpx;
			margin-right: 25rpx;
		}

		.title-text {
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 38rpx;
			color: #2cc396;
		}
	}

	.polygon {
		padding: 43rpx 29rpx 0;
		background-color: #ffffff;
		margin-bottom: 32rpx;
		overflow: hidden;

		.polygon-p {
			margin-bottom: 21rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.polygon-p-title {
				display: flex;
				justify-content: center;
				align-items: center;

				.polygon-p-title-f {
					color: rgba(255, 0, 0, 1);
					margin-right: 8rpx;
				}

				.polygon-p-title-t {
					font-family: PingFang SC;
					font-weight: bold;
					font-size: 33rpx;
					color: rgba(51, 51, 51, 1);
				}
			}

			.polygon-p-btn {
				display: flex;
				align-items: center;

				.p-btn1 {
					width: 198rpx;
					height: 73rpx;
					background: #2cc396;
					border-radius: 10rpx;
					margin-left: 31rpx;
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 31rpx;
					color: #ffffff;
					display: flex;
					justify-content: center;
					align-items: center;
				}

				.p-btn1[disabled] {
					border: 1px solid rgba(221, 224, 223, 1);
					background: #d0d0d0;
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 31rpx;
					color: #ffffff;
				}
			}
		}

		.polygon-table {
			border: 1px solid #2cc396;
			margin-bottom: 29rpx;

			.polygon-table-p {
				display: flex;
				min-height: 73rpx;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 31rpx;
				color: #333333;

				.polygon-table-p1 {
					width: 261rpx;
					border-right: 1px solid #2cc396;
					border-bottom: 1px solid #2cc396;
					margin-bottom: -1px;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-grow: 0;
					flex-shrink: 0;
				}

				.polygon-table-p2 {
					width: 131rpx;
					border-right: 1px solid #2cc396;
					border-bottom: 1px solid #2cc396;
					margin-bottom: -1px;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-grow: 0;
					flex-shrink: 0;
				}

				.polygon-table-p3 {
					flex: 1;
					border-bottom: 1px solid #2cc396;
					margin-bottom: -1px;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					padding: 0 31rpx;
					color: rgba(51, 51, 51, 0.5);
				}
			}
		}
	}

	.count {}

	.popup-content {
		width: 631rpx;
		height: 375rpx;
		box-shadow: 0rpx 3rpx 42rpx 0rpx rgba(14, 5, 10, 0.23);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.popup-content-img {
			background-image: url(../../static/caifa/zhuyi.png);
			width: 64rpx;
			height: 56rpx;
			background-size: cover;
		}

		.popup-content-text1 {
			font-family: PingFang SC;
			font-weight: 500;
			font-size: 37rpx;
			color: #333333;
			margin-top: 17rpx;
		}

		.popup-content-text2 {
			font-family: PingFang SC;
			font-weight: 500;
			font-size: 29rpx;
			color: #999999;
			margin-top: 15rpx;
		}

		.popup-content-btn {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 36rpx;

			.cancel {
				width: 215rpx;
				height: 73rpx;
				background: #e2e2e2;
				border-radius: 36rpx;
				margin-right: 36rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 31rpx;
				color: #666666;
			}

			.confirm {
				width: 215rpx;
				height: 73rpx;
				background: #2cc396;
				border-radius: 36rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 31rpx;
				color: #ffffff;
			}
		}
	}

	.margin {
		// margin-top: 40rpx;
	}

	.file-text {
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 31rpx;
		color: #2cc396;
	}

	.lookmap {
		width: 198rpx;
		height: 73rpx;
		background: #2cc396;
		border-radius: 10rpx;
		margin: 10rpx auto;
		display: block;
		color: #fff;
		line-height: 73rpx;
		text-align: center;
	}

	button[disabled] {
		background-color: #f7f7f7 !important;
		color: #333 !important;
	}

	.uploading-box {
		.uploading-text {
			width: 685rpx;
			height: 73rpx;
			background: rgba(236, 250, 245, 0);
			border-radius: 10rpx;
			border: 1px dashed #2cc396;
			text-align: center;
			line-height: 73rpx;
			color: #2cc396;
		}

		.imglist {
			display: flex;
			flex-wrap: wrap;

			.imgbox {
				width: 685rpx;
				height: 73rpx;
				background: rgba(236, 250, 245, 0);
				border-radius: 10rpx;
				border: 1px solid #2cc396;
			}
		}
	}

	:deep() .is-disabled {
		background-color: #fff !important;
		// color: red !important;
	}

	:deep() .is-disabled .uni-easyinput__placeholder-class {
		color: #999 !important;
		font-size: 16px !important;
	}

	:deep() input[disabled] {
		// color: red !important;
	}

	// .picker-view {
	//   position: absolute;
	//   left: 0px;
	//   top: 0px;
	//   width: 100%;
	//   height: 100%;
	//   z-index: 999;
	// }
</style>